<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test1">0（信息框，默认）</button><br/>
		<button id="test2">1（页面层）</button><br/>
		<button id="test3">2（iframe层 可以嵌套一个网页）</button><br/>
		<button id="test4">3（加载层）</button><br/>
		<button id="test5">4（tips层）</button><br/>
		<button id="test6">Alert</button><br/>
		<button id="test7">Confirm</button><br/>
		<button id="test8">在当前页面弹出一个Div</button><br/>
		<button id="test9">多个Button按钮</button><br/>
		
		<script src="./js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/my.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// $(function(){});
			/* layer.ready(function() {
				
			}); */
			student.print();
			
			
			$('#test1').click(function() {
				// layer.msg('Hello Layer!!');
				// layer.msg('Hello Layer', {time : 3000});
				// open方法是一个万能弹窗方法，根据type的值不一样可以弹出不同的框
				var index = layer.open({
					type : 0,
					content : '弹出的内容'
				}); 
				// layer.close(index);
			});
			
			$('#test2').click(function() {
				layer.open({
					type : 1,
					content : '弹出的内容'
				});
			});
			
			$('#test3').click(function() {
				layer.open({
					type : 2,
					area : ['500px', '400px'],
					content : '计算器.html'
				}); 
			});
			
			$('#test4').click(function() {
				layer.open({
					type : 3
				}); 
			});
			
			$('#test5').click(function() {
				layer.open({
					type : 4,
					content: ['学些Layer', '#test1']
				}); 
			});
			
			$('#test6').click(function() {
				// layer.alert('这是一个警告！！');
				// layer.alert('这是一个警告！！', {icon: 0});
				layer.alert('这是一个警告', {icon: 0}, function(index) {
					console.log('alert');
					layer.close(index);
				});
			});
			
			$('#test7').click(function() {
				/* layer.confirm('是不是删除?', {icon: 3, title:'提示'}, function(index){
				  //do something
				  console.log('confirm');
				  layer.close(index);
				}); */
				
				layer.confirm('is not?', function(index){
				  //do something
				  layer.close(index);
				}); 
			});
			
			$('#test8').click(function() {
				/* layer.open({
					type : 1,
					content : '弹出的内容'
				}); */
				
				layer.open({
					type : 1,
					area : ['400px', '300px'],
					content : $('#divId')
				});
			});
			
			$('#test9').click(function() {
				layer.open({
					type : 0,
					content : '测试按钮',
					btn : ['按钮1', '按钮2', '按钮3'],
					yes : function(index) {
						console.log('btn1');
						layer.close(index);
					},
					btn2 : function() {
						console.log('btn2');
						return false;
					}, 
					btn3 : function() {
						console.log('btn3');
					}
				});
			});
		</script>
	</body>
	<div id="divId" style="display: none;">
		姓名： <input type="text" /><br/>
		密码： <input type="text" /><br/>
	</div>
</html>
